<template>
  <div style="">
    <Header :left="true" leftText="返回" title="判定加严等级详情">
    </Header>
    <div id="apply" class="apply-box">
      <!-- 文字信息 -->
      <van-row style="margin-top: 20px">
        <van-col>
          <van-image width="40" height="30" style="margin-left: -10px" src="assets/block.png" />
        </van-col>
        <van-col class="message" style="margin-top: 10px">判定加严等级</van-col>
      </van-row>
      <div class="divMessage">
        <van-form :style="autoHeight">
          <van-row style="margin-left: 10px; margin-top: 20px">
            <van-col span="10" style="color: black"><b>实验室加严等级:</b></van-col>
            <van-col span="14" @click="showPicker1 = true" style="color: blue">{{
              value1
            }}</van-col>
            <van-popup v-model="showPicker1" position="bottom">
              <van-picker show-toolbar :columns="columns1" @confirm="onConfirm1" @cancel="showPicker1 = false" />
            </van-popup>
          </van-row>
          <van-row v-show="van1" style="margin-left: 10px; margin-top: 20px">
            <van-col span="10" style="color: black"><b>实验室加严项:</b></van-col>
            <van-checkbox-group v-model="result" direction="horizontal" ref="checkboxGroup" disabled>
              <van-checkbox style="margin-top: 5px;" name="S01" checked-color="#138087">瓶口</van-checkbox>
              <van-checkbox style="margin-top: 5px;" name="S02" checked-color="#138087">瓶身</van-checkbox>
              <van-checkbox style="margin-top: 5px;" name="S03" checked-color="#138087">瓶底</van-checkbox>
              <van-checkbox style="margin-top: 5px;" name="S04" checked-color="#138087">功能</van-checkbox>
            </van-checkbox-group>
          </van-row>
          <van-row style="margin-left: 10px; margin-top: 20px">
            <van-col span="10" style="color: black"><b>外观加严等级:</b></van-col>
            <van-col span="14" @click="showPicker3 = true" style="color: blue">{{
              value3
            }}</van-col>
            <van-popup v-model="showPicker3" position="bottom">
              <van-picker show-toolbar :columns="columns3" @confirm="onConfirm3" @cancel="showPicker3 = false" />
            </van-popup>
          </van-row>
          <van-row v-show="van2" style="margin-left: 10px; margin-top: 20px">
            <van-col span="10" style="color: black"><b>外观加严项:</b></van-col>
            <van-col span="12" @click="showPicker4 = true" style="color: blue">{{
              value4
            }}</van-col>
            <van-popup v-model="showPicker4" position="bottom">
              <van-picker show-toolbar :columns="columns4" @confirm="onConfirm4" @cancel="showPicker4 = false" />
            </van-popup>
          </van-row>
        </van-form>
      </div>

      <NoticeBar color="#1989fa" background="#ecf9ff" style="margin-top: 5px; font-size: 15px; font-weight: bold"
        left-icon="description">加严信息</NoticeBar>

      <van-row style="margin-left: 10px; margin-top: 10px">
        <van-col span="7"><b>加严原因:</b></van-col>
        <van-col span="17">
          {{ showStrictTypeID(itemsOne.StrictTypeID) }}
        </van-col>
      </van-row>

      <van-row style="margin-left: 10px; margin-top: 10px">
        <van-col span="7"><b>建议加严等级:</b></van-col>
        <van-col span="17">
          {{ showABCType(itemsOne.ABCType) }}
        </van-col>
      </van-row>

      <!-- 基本信息 -->
      <NoticeBar color="#1989fa" background="#ecf9ff" style="margin-top: 5px; font-size: 15px; font-weight: bold"
        left-icon="description">基本信息</NoticeBar>
      <van-row style="margin-left: 10px; margin-top: 10px">
        <van-col span="7"><b>加严开始时间:</b></van-col>
        <van-col span="17">
          {{ itemsOne.CreateDatetime }}
        </van-col>
      </van-row>
      <van-row style="margin-left: 10px; margin-top: 10px">
        <van-col span="7"><b>生产线:</b></van-col>
        <van-col span="17">{{ itemsOne.PLineID }}</van-col>
      </van-row>

      <van-row style="margin-left: 10px; margin-top: 10px">
        <van-col span="7"><b>生产订单:</b></van-col>
        <van-col span="17">{{ showPOrderIDName(itemsOne.POrderID) }}</van-col>
      </van-row>
      <van-row style="margin-left: 10px; margin-top: 10px">
        <van-col span="7"><b>加严说明:</b></van-col>
        <van-col span="17">{{ itemsOne.StrictDescription }}</van-col>
      </van-row>

      <van-row style="margin-left: 10px; margin-top: 10px">
        <van-col span="7"><b>外观检验记录:</b></van-col>
        <van-col span="17">{{ itemsOne.AppearanceCheckRecord }}</van-col>
      </van-row>


      <!-- 判定复核 -->
      <NoticeBar color="#1989fa" background="#ecf9ff" style="margin-top: 5px; font-size: 15px; font-weight: bold"
        left-icon="description">判定复核</NoticeBar>
      <!-- <van-row style="margin-left: 10px; margin-top: 10px">
                <van-col span="5"><b>重要等级:</b></van-col>
                <van-col span="19">
                    <span v-if="item.TeamLeaderAgree == '1' ? true : false">同意处置意见</span>
                    <span v-else>不同意处置意见</span>
                </van-col>
            </van-row> -->
      <van-row style="margin-left: 10px; margin-top: 10px">
        <van-field v-model="message" rows="4" style="margin-left: 2px; font-size: medium; color: red" label="复核备注留言"
          type="textarea" maxlength="100" placeholder="请输入留言" show-word-limit @focus="handleClickScroll"
          @blur="handleClickBlur" />
      </van-row>
      <van-row gutter="20">
        <van-col span="12">
          <div style="margin: 16px">
            <van-button color="#008792" round block type="info" @click="getRecord(form.AppearanceCheckRecord1)"
              style="">查看外观检验不合格记录</van-button>
          </div>
        </van-col>
        <van-col span="12">
          <div style="margin: 16px">
            <van-button color="#33a3dc" round block type="info" @click="checkSYS">查看实验室检验不合格项</van-button>
          </div>
        </van-col>
      </van-row>

      <van-row gutter="20">
        <van-col span="12">
          <div style="margin: 16px">
            <van-button color="#1AB394" round block type="info" @click="openQA">打开质量辅助决策界面</van-button>
          </div>
        </van-col>
        <van-col span="12">
          <div style="margin: 16px">
            <van-button color="#005831" round block type="info" @click="CheckTM">查看实验室复测记录</van-button>
          </div>
        </van-col>
      </van-row>
      <!-- <div style="margin: 16px"
        v-if="itemsOne.AppearanceCheckRecord != 0 && itemsOne.AppearanceCheckRecord != '' && itemsOne.AppearanceCheckRecord != null">
        <van-button color="" round block type="info" @click="getRecord" style="">查看外观检验不合格记录</van-button>
      </div>
      <div style="margin: 16px">
        <van-button color="#23C6C8" round block type="info" @click="checkSYS">查看实验室检验不合格项</van-button>
      </div>
      <div style="margin: 16px">
        <van-button color="#1AB394" round block type="info" @click="openQA">打开质量辅助决策界面</van-button>
      </div>
      <div style="margin: 16px">
        <van-button color="#1AB394" round block type="info" @click="CheckTM">查看实验室复测记录</van-button>
      </div> -->
      <div style="margin: 16px; margin-bottom: 5%">
        <van-button color="#138087" round block type="info" native-type="submit" @click="submitCheck()">确认</van-button>
      </div>
      <!-- 确认审核 -->
      <!-- <NoticeBar color="#1989fa" background="#ecf9ff" style="margin-top: 5px; font-size: 15px; font-weight: bold"
                left-icon="description">确认审核</NoticeBar>
            <van-row style="margin-left: 10px; margin-top: 10px">
                <van-col span="5"><b>建议等级:</b></van-col>
                <van-col span="19">
                    <span v-if="item.TeamLeaderAgree == '1' ? true : false">同意处置意见</span>
                    <span v-else>不同意处置意见</span>
                </van-col>
            </van-row>
            <van-row style="margin-left: 10px; margin-top: 10px">
                <van-col span="5"><b>复核备注信息:</b></van-col>
                <van-col span="19">{{ item.TeamLeaderMemo }}</van-col>
            </van-row> -->
    </div>
  </div>
</template>
  
<script>
import {
  Col,
  Row,
  Form,
  Cell,
  Icon,
  Field,
  NumberKeyboard,
  Image as VanImage,
  Picker,
  popup,
  SubmitBar,
  Button,
  Loading,
  Overlay,
  Dialog,
  Toast,
  NoticeBar,
  Tag,
  DatetimePicker,
  ImagePreview,
  CellGroup,
  Uploader,
  Cascader,
  Calendar,
  RadioGroup,
  Radio,
  Divider,
  Stepper,
  AddressList,
  Checkbox,
  CheckboxGroup,
  Step,
  Steps,
} from "vant";

import "vue-easytable/libs/themes-base/index.css";
import { VTable } from "vue-easytable";
import { _httpClient as _httpClientApisie } from "@/libs/apisie";
import { _httpClient as _httpClientApi } from "@/libs/api";
import { getToken, getBaseApiFrefix } from "@/libs/auth";
import Header from "@/components/header.vue";
import { storage } from "@/libs/utils";
Vue.use(Toast)
Vue.use(Form);
Vue.use(Field);
Vue.use(Overlay);
Vue.use(Loading);
Vue.use(Picker);
Vue.use(popup);
Vue.use(SubmitBar);
Vue.use(VanImage);
Vue.use(DatetimePicker);
Vue.use(Cascader);
Vue.use(Calendar);
Vue.use(Cell);
Vue.use(RadioGroup);
Vue.use(Radio);
Vue.use(Divider);
Vue.use(Stepper);
Vue.use(Button);
Vue.use(AddressList);
Vue.use(Checkbox);
Vue.use(CheckboxGroup);
Vue.use(Col);
Vue.use(Row);
Vue.use(Step);
Vue.use(Steps);

export default {
  name: "ckCheckedItem",
  components: {
    Form,
    Row,
    Col,
    Button,
    Header,
    Form,
    Cell,
    Icon,
    Field,
    NumberKeyboard,
    Dialog,
    Toast,
    NoticeBar,
    Row,
    Tag,
    popup,
    DatetimePicker,
    ImagePreview,
    CellGroup,
    Uploader,
    Col,
    Calendar,
    Cascader,
    Picker,
    RadioGroup,
    Radio,
    Divider,
    Stepper,
    VTable,
    AddressList,
    Checkbox,
    CheckboxGroup,
  },
  data() {
    return {
      lock: false,
      checked: false,
      van1: false,
      vam2: false,
      result: [],
      showMyDiv: false,
      idnex: "",
      message: "",
      value1: "",
      value2: "",
      value3: "",
      value4: "",
      valuess: "",
      columns1: ["不加严", "实甲/72h", "实乙/48h", "实丙/24h"],
      columns2: ["瓶口", "瓶身", "瓶底", "功能"],
      columns3: ["不加严", "外甲/0.5h", "外乙/1h", "外丙/2h"],
      columns4: ["正常抽样计划", "增加每箱检测数量", "每垛取一箱或一层，每箱全检", "全检"],
      showPicker1: false,
      showPicker2: false,
      showPicker3: false,
      showPicker4: false,
      active: 0,
      minDate: new Date(2022, 12, 1),
      nowDate: new Date(),
      form: {
        QCLeaderAdviceDealType: "",
        QCLeaderMemo: "",
        Id: "",
        //班组
        valueteamid: "",
        //订单号码
        pOrderID: "",
        //产品代码
        materialid: "",
        //产品名称
        materialname: "",
        //生产日期
        ProductionDate: "",
        //班次开始日期
        planworkdatetime: "",
        //班次
        pShiftID: "",
        //检验类型
        CheckTypeID: "",
        //包装条码
        BarCode: "",
        //检验备注
        Memo: "",
        ProductionAmount: "",
        //抽样计划1G
        SamplePlan1G: "",
        //抽样计划1Re
        SamplePlan1Re: "",
        //抽检值1
        SamplePlan1Value: "",

        //抽样计划2G
        SamplePlan2G: "",
        //抽样计划2AC
        SamplePlan2AC: "",
        //抽样计划2AQL
        SamplePlan2AQL: "",
        //抽检值2
        SamplePlan2Value: "",
        //生产批次
        BatchID: "",
        //缺陷原因
        QProblemID: "",
        //管理责任
        ManageReasonID: "",
        //生产车间
        WorkshopID: "",
        //领班是否同意
        QCLeaderAgree: "",
      },
      user: [],
      QCLeaderAgreeValue: "",
      plineID: "",
      ManageReasonName: "",
      time: "",
      FactoryID: "",
      valuepShiftName: "",
      CheckTypeName: "",
      QProblemName: "",
      valueteamid: "",
      BeginTime: "",
      WorkPlanDatetimeFrom: "",
      columnsteamId: [],
      showPickerteamid: false,
      showPickerpShiftID: false,
      showPickerDealType: false,
      valueemployid: "",
      columnsshift: [],
      columnsType: [],
      columnsDealType: [],
      columnsManageReason: [
        { ManageReasonID: "0", ManageReasonName: "无异常" },
      ],
      columnsQProblem: [{ QProblemID: "0", QProblemName: "无异常" }],
      showPickerType: false,
      showPickerManageReason: false,
      showPickerQProblem: false,
      item: {},
      valuepDealTypeName: "",
      itemsOne: [],
      columnsPOrderID: [],
      columnsStrictTypeID: [
        { StrictTypeID: "SM01", StrictTypeName: "关键工艺参数异常加严" },
        { StrictTypeID: "SM02", StrictTypeName: "机器设备异常加严" },
        { StrictTypeID: "SM03", StrictTypeName: "质量异常加严" },
        { StrictTypeID: "SM04", StrictTypeName: "生产条件异常加严" },
      ],
    };
  },
  watch: {
    "value3": {
      handler(val) {
        if (val == "外丙/2h") {
          this.columns4 = ["增加每箱检测数量", "每垛取一箱或一层，每箱全检", "全检"]
        } else {
          this.columns4 = ["正常抽样计划", "增加每箱检测数量", "每垛取一箱或一层，每箱全检", "全检"]
        }
      },
      immediate: true

    }
  },
  created: function () {
    this.user = JSON.parse(storage.get("user"));
    this.user.userId = this.user.userName;
    //this.item = api.pageParam.item;
    this.nowDate = new Date().toLocaleString();
    //查询明细
    //alert(api.pageParam.item);
    this.idnex = api.pageParam.item;
    this.lock = api.pageParam.lock;
    this.getLeaderUncheckedList(api.pageParam.item);
    let time = new Date();
    this.message =
      time.toLocaleString() +
      " 品管主任" +
      this.user.employeeName +
      "已判定加严等级!";
    this.value1 = "不加严";
    this.value2 = "点击选择实验室加严项";
    this.value3 = "不加严";
    this.value4 = "点击选择外观加严项";
    this.getPOrderID();
    this.getData()
    this.getPreviousInfo(api.pageParam.pid)
  },
  // mounted() {
  //   this.checkActive(this.item);
  // },
  methods: {
    formatDate(date) {


      let year = date.getFullYear()
      let mouth = date.getMonth() + 1
      if (mouth < 10) {
        mouth = '0' + mouth
      }
      let day = date.getDate()
      if (day < 10) {
        day = '0' + day
      }

      var h = date.getHours();
      h = h < 10 ? '0' + h : h;
      var m = date.getMinutes();
      m = m < 10 ? '0' + m : m;
      return year + '-' + mouth + '-' + day + " " + h + ":" + m + ":00"
    },

    getRecord() {

      let id = this.itemsOne.AppearanceCheckRecord

      api.openWin({
        name: 'qCcheckReview',
        url: './quality-qCcheckReview.html',
        pageParam: {
          id: id
        }
      });

    },
    openQA() {
      let _this = this
      api.openWin({
        name: 'qAssistance',
        url: './qAssistance-qualityAssistance.html',
        pageParam: {
          POrderID: _this.itemsOne.POrderID,
          PlineID: _this.itemsOne.PLineID
        }

      });


    },
    async CheckTM() {
      let id = this.form.LaboratoryCheckRecord

      if (id == "" || id == null || id == undefined) {
        Toast.clear()
        Toast.fail("当前没有维护实验室复测记录，无法获取复测记录！")
        return
      }

      api.openWin({
        name: 'viewlaboratorytest1',
        url: './equipmentsj-viewlaboratorytest1.html',
        pageParam: {
            id: id
        }
      });
    },
    async checkSYS() {
      let id = this.form.LaboratoryCheckRecord

      if (id == "" || id == null || id == undefined) {
        Toast.clear()
        Toast.fail("当前没有维护实验室检验记录，无法获取不合格记录！")
        return
      }

      api.openWin({
        name: 'viewlaboratorytest',
        url: './equipmentsj-viewlaboratorytest.html',
        pageParam: {
            id: id
        }
      });
    },

    async getPreviousInfo(plineId) {

      if (this.lock) {
        return
      }
      try {
        let res = await _httpClientApisie.get(
          _httpClientApisie.getApiPrefix() +
          `/AddStrictManage/GetOnActiveStrict?PLineID=${plineId}`
        );
        //alert(JSON.stringify(res.Data));
        Toast.clear();
        if (res.HttpCode === "200") {
          if (res.Data.length > 0) {
            let _this = this
            let dataentity = res.Data[0]
            if (dataentity.LabStrictFlag == true) {
              if (dataentity.LabType == "LB01") {
                _this.value1 = "实甲/72h"
                _this.van1 = true;
                _this.$refs.checkboxGroup.toggleAll(true)
              }
              if (dataentity.LabType == "LB02") {
                _this.value1 = "实乙/48h"
                _this.van1 = true;
                _this.$refs.checkboxGroup.toggleAll(true)
              }
              if (dataentity.LabType == "LB03") {
                _this.value1 = "实丙/24h"
                _this.van1 = true;
                _this.$refs.checkboxGroup.toggleAll(true)
              }
            } else {
              _this.value1 = "不加严"
              _this.van1 = false;
            }

            if (dataentity.ApprenStrictFlag == true) {
              if (dataentity.ApprenStrictItem == "AP01-01") {
                _this.value4 = "正常抽样计划"
                _this.value3 = "外甲/0.5h"
                _this.van2 = true;
              }

              if (dataentity.ApprenStrictItem == "AP01-02") {
                _this.value4 = "增加每箱检测数量"
                _this.value3 = "外甲/0.5h"
                _this.van2 = true;
              }

              if (dataentity.ApprenStrictItem == "AP01-03") {
                _this.value4 = "每垛取一箱或一层，每箱全检"
                _this.value3 = "外甲/0.5h"
                _this.van2 = true;
              }

              if (dataentity.ApprenStrictItem == "AP01-04") {
                _this.value4 = "全检"
                _this.value3 = "外甲/0.5h"
                _this.van2 = true;
              }


              if (dataentity.ApprenStrictItem == "AP02-01") {
                _this.value4 = "正常抽样计划"
                _this.value3 = "外乙/1h"
                _this.van2 = true;
              }

              if (dataentity.ApprenStrictItem == "AP02-02") {
                _this.value4 = "增加每箱检测数量"
                _this.value3 = "外乙/1h"
                _this.van2 = true;
              }

              if (dataentity.ApprenStrictItem == "AP02-03") {
                _this.value4 = "每垛取一箱或一层，每箱全检"
                _this.value3 = "外乙/1h"
                _this.van2 = true;
              }

              if (dataentity.ApprenStrictItem == "AP02-04") {
                _this.value4 = "全检"
                _this.value3 = "外乙/1h"
                _this.van2 = true;
              }


              if (dataentity.ApprenStrictItem == "AP03-01") {
                _this.value4 = "正常抽样计划"
                _this.value3 = "外丙/2h"
                _this.van2 = true;
              }

              if (dataentity.ApprenStrictItem == "AP03-02") {
                _this.value4 = "增加每箱检测数量"
                _this.value3 = "外丙/2h"
                _this.van2 = true;
              }

              if (dataentity.ApprenStrictItem == "AP03-03") {
                _this.value4 = "每垛取一箱或一层，每箱全检"
                _this.value3 = "外丙/2h"
                _this.van2 = true;
              }

              if (dataentity.ApprenStrictItem == "AP03-04") {
                _this.value4 = "全检"
                _this.value3 = "外丙/2h"
                _this.van2 = true;
              }

            } else {
              _this.value3 = "不加严"
              _this.van2 = false;
            }
            this.valuess = dataentity.ABCType

            if (this.valuess == '甲') {
              this.value2 = 1
            }
            if (this.valuess == '乙') {
              this.value2 = 2
            }
            if (this.valuess == '丙') {
              this.value2 = 3
            }


          }
        }
      } catch (e) {
        alert(JSON.stringify(e))

      }



    },
    showStrictTypeID(val) {

      if (val == "SM01") {
        return "关键工艺参数异常加严";
      }
      else if (val == "SM02") {
        return "机器设备异常加严";
      }
      else if (val == "SM03") {
        return "质量异常加严";
      }
      else if (val == "SM04") {
        return "生产条件异常加严";
      }
    },
    showABCType(val) {
      if (val == "1") {
        return "甲";
      }
      else if (val == "2") {
        return "乙";
      }
      else if (val == "3") {
        return "丙";
      }
      else {
        return "未确定";
      }
    },
    getNowTimeplus() {
      let dateTime
      let yy = new Date().getFullYear()
      let mm = new Date().getMonth() + 1
      let dd = new Date().getDate()
      let hh = new Date().getHours()
      let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes()
        :
        new Date().getMinutes()
      let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds()
        :
        new Date().getSeconds()
      dateTime = yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss
      return dateTime
    },
    async sendmessage() {
      let _this = this;

      let eventDescription = "";
      let eventDatetime = _this.getNowTimeplus();
      let eventTypeID = "N3";
      let eventID = "";
      let messageContent = "";
      let msgContentTypeID = "";
      let pLineID = _this.itemsOne.PLineID;
      let machineID = "";
      let pShiftID = "";
      let teamID = "";
      let pOrderID = "";
      let productionBarcode = "";
      let materialBarcode = "";
      let relatedEmployee = "";
      let messageStatus = "";
      let processBatchID = "";
      let beginDatetime = _this.getNowTimeplus();
      let sendFinished = false;
      let closed = false;

      msgContentTypeID = "ADS02";
      eventID = "ADS02";
      eventDescription = "加严管控:" + _this.idnex + "已复核判定加严等级。";
      messageContent = "加严管控:" + _this.idnex + "等级，请质量制程主管确认审核！";


      let bodysss = {
        eventDescription: eventDescription,
        eventDatetime: eventDatetime,
        eventTypeID: eventTypeID,
        eventID: eventID,
        messageContent: messageContent,
        msgContentTypeID: msgContentTypeID,
        factoryID: "TC00",
        pLineID: pLineID,
        machineID: machineID,
        pShiftID: pShiftID,
        teamID: teamID,
        pOrderID: pOrderID,
        productionBarcode: productionBarcode,
        materialBarcode: materialBarcode,
        relatedEmployee: relatedEmployee,
        messageStatus: messageStatus,
        processBatchID: processBatchID,
        beginDatetime: beginDatetime,
        sendFinished: sendFinished,
        closed: closed
      };
      try {
        let res = await _httpClientApisie.post(
          _httpClientApisie.getApiPrefix() + "/RealtimeEventMessage/SaveEntity",
          {
            body: bodysss,
          }
        );
        //alert(JSON.stringify(res));
        if (res.Message == null) {
          Toast.clear();
          Toast.success("发送成功");
          this.$ac.openWin({
            name: "tightreview",
            url: "./tightenup-tightreview.html",
          });
          setTimeout(function () {
            _this.$ac.closeWin();
          }, 2000);
        } else {
          Toast.clear();
          Toast.fail("发送失败");
        }
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },

    showPOrderIDName(POrderID) {
      var POrderIDName = POrderID;
      this.columnsPOrderID.forEach((item) => {
        if (item.POrderID === POrderID) {
          POrderIDName = item.POrderIDAndMaterialName;
        }
      });
      return POrderIDName;
    },
    showAddStrictTypeName(AddStrictType) {
      var AddStrictTypeName = AddStrictType;
      this.columnsStrictTypeID.forEach((item) => {
        if (item.StrictTypeID === AddStrictType) {
          AddStrictTypeName = item.StrictTypeName;
        }
      });
      return AddStrictTypeName;
    },
    async getPOrderID() {
      let _this = this;
      try {
        let res = await _httpClientApisie.get(
          _httpClientApisie.getApiPrefix() + "/ProductionOrder/GetList"
        );
        if (res.HttpCode === "200") {
          let teamMap = res.Data.map((item) => ({
            POrderID: item.POrderID,
            MaterialName: item.MaterialName,
            MaterialID: item.MaterialID,
            POrderIDAndMaterialName: item.POrderID + " " + item.MaterialName,
          }));
          _this.columnsPOrderID = teamMap;
        }
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },
    handleClickScroll() {
      document.body.style.marginBottom = "200px";
      window.scrollTo({ top: 400, behavior: "smooth" });
    },
    handleClickBlur() {
      document.body.style.marginBottom = "0px";
      window.scrollTo({ top: 0 });
    },
    async submitCheck() {
      let _this = this;
      Toast.loading({
        mask: true,
        forbidClick: true,
        duration: 0,
        message: "Loading...",
      });
      try {
        let res = await _httpClientApisie.get(
          _httpClientApisie.getApiPrefix() +
          "/AddStrictManage/GetEntity?id=" +
          _this.idnex
        );
        //alert(JSON.stringify(res.Data));
        Toast.clear();
        let dataentity = [];
        dataentity = res.Data;

        if (dataentity.Comfirmed == true && dataentity.Processed == true) {
          Toast.clear()
          Toast.fail("已复核加严等级，无法修改")
          return
        }


        if (dataentity.Comfirmed == true && dataentity.Checked == true) {
          Toast.clear()
          Toast.fail("已变更加严等级，无法修改")
          return
        }

        let time = new Date();

        // dataentity.ABCType = _this.valuess;
        dataentity.Comfirmed = true;
        dataentity.ComfirmDatetime = time.toLocaleString();
        dataentity.ComfirmMan = this.user.userId;
        dataentity.ComfirmMemo = this.message;
        dataentity.Actived = true
        dataentity.Processed = false
        if (dataentity.CheckeDatetime == null) {
          dataentity.CheckeDatetime = "1970-01-01 00:00:00"
        }
        if (dataentity.CloseDatetime == null) {
          dataentity.CloseDatetime = "1970-01-01 00:00:00"
        }
        if (dataentity.ReceiveDatetime == null) {
          dataentity.ReceiveDatetime = "1970-01-01 00:00:00"
        }
        if (dataentity.ProcessDatetime == null) {
          dataentity.ProcessDatetime = "1970-01-01 00:00:00"
        }

        if (_this.value1 != "不加严") {
          //实验室加严
          dataentity.LabStrictFlag = true;
          if (_this.value1 == "实甲/72h") {
            dataentity.LabType = "LB01";
          }
          else if (_this.value1 == "实乙/48h") {
            dataentity.LabType = "LB02";
          }
          else if (_this.value1 == "实丙/24h") {
            dataentity.LabType = "LB03";
          }
          dataentity.LabStrictItem = _this.result.join(";");;
        } else {
          dataentity.LabStrictFlag = false;
          dataentity.LabType = "";
          dataentity.LabStrictItem = ""
        }

        if (_this.value3 != "不加严") {
          //外观加严
          dataentity.ApprenStrictFlag = true;
          if (_this.value3 == "外甲/0.5h") {
            dataentity.ApprenType = "AP01";
            if (_this.value4 == "正常抽样计划") {
              dataentity.ApprenStrictItem = "AP01-01";
            }
            else if (_this.value4 == "增加每箱检测数量") {
              dataentity.ApprenStrictItem = "AP01-02";
            }
            else if (_this.value4 == "每垛取一箱或一层，每箱全检") {
              dataentity.ApprenStrictItem = "AP01-03";
            }
            else if (_this.value4 == "全检") {
              dataentity.ApprenStrictItem = "AP01-04";
            }
          }
          else if (_this.value3 == "外乙/1h") {
            dataentity.ApprenType = "AP02";
            if (_this.value4 == "正常抽样计划") {
              dataentity.ApprenStrictItem = "AP02-01";
            }
            else if (_this.value4 == "增加每箱检测数量") {
              dataentity.ApprenStrictItem = "AP02-02";
            }
            else if (_this.value4 == "每垛取一箱或一层，每箱全检") {
              dataentity.ApprenStrictItem = "AP02-03";
            }
            else if (_this.value4 == "全检") {
              dataentity.ApprenStrictItem = "AP02-04";
            }
          }
          else if (_this.value3 == "外丙/2h") {
            dataentity.ApprenType = "AP03";
            if (_this.value4 == "正常抽样计划") {
              dataentity.ApprenStrictItem = "AP03-01";
            }
            else if (_this.value4 == "增加每箱检测数量") {
              dataentity.ApprenStrictItem = "AP03-02";
            }
            else if (_this.value4 == "每垛取一箱或一层，每箱全检") {
              dataentity.ApprenStrictItem = "AP03-03";
            }
            else if (_this.value4 == "全检") {
              dataentity.ApprenStrictItem = "AP03-04";
            }
          }
        } else {
          dataentity.ApprenStrictFlag = false;
          dataentity.ApprenType = "";
          dataentity.ApprenStrictItem = ""
        }

        try {
          let res = await _httpClientApisie.post(
            _httpClientApisie.getApiPrefix() + "/AddStrictManage/SaveEntity",
            {
              body: dataentity,
            }
          );

          if (res.HttpCode === "200" && res.Message == null) {
            Toast.clear();
            Toast.success("保存成功");
            _this.sendmessage();
            // this.$ac.openWin({
            //   name: "tightreview",
            //   url: "./tightenup-tightreview.html",
            // });
            // setTimeout(function () {
            //   _this.$ac.closeWin();
            // }, 2000);
          } else {
            Toast.clear();
            Toast.fail("保存失败");
          }
        } catch (e) {
          alert(JSON.stringify(e));
        }
      } catch (e) {
        alert(JSON.stringify(e));
      }
    },
    onConfirm1(value) {
      this.value1 = value;
      if (value == "实甲/72h") {
        this.valuess = "1";
        this.van1 = true;
        this.$refs.checkboxGroup.toggleAll(true)
      }
      if (value == "实乙/48h") {
        this.valuess = "2";
        this.van1 = true;
        this.$refs.checkboxGroup.toggleAll(true)
      }
      if (value == "实丙/24h") {
        this.valuess = "3";
        this.van1 = true;
        this.$refs.checkboxGroup.toggleAll(true)
      }
      if (value == "不加严") {
        this.van1 = false;
        this.result = [];
      }
      this.showPicker1 = false;
    },
    onConfirm2(value) {
      this.value2 = value;
      if (value == "甲") {
        this.valuess = "1";
      }
      if (value == "乙") {
        this.valuess = "2";
      }
      if (value == "丙") {
        this.valuess = "3";
      }
      this.showPicker2 = false;
    },
    onConfirm3(value) {
      this.value3 = value;
      if (value == "外甲/0.5h") {
        this.valuess = "1";
        this.van2 = true;
      }
      if (value == "外乙/1h") {
        this.valuess = "2";
        this.van2 = true;
      }
      if (value == "外丙/2h") {
        this.valuess = "3";
        this.van2 = true;
      }
      if (value == "不加严") {
        this.van2 = false;
      }
      this.showPicker3 = false;
    },
    onConfirm4(value) {
      this.value4 = value;
      this.showPicker4 = false;
    },
    async getLeaderUncheckedList(val) {
      //alert(val);
      let _this = this;
      Toast.loading({
        mask: true,
        forbidClick: true,
        duration: 0,
        message: "Loading...",
      });
      try {
        let res = await _httpClientApisie.get(
          _httpClientApisie.getApiPrefix() +
          "/AddStrictManage/GetEntity?id=" +
          val
        );
        //alert(JSON.stringify(res.Data));
        Toast.clear();
        _this.itemsOne = res.Data;
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },
    checkActive(item) {
      //先判断生产现场主管是否审核且同意
      if (item.TeamLeaderChecked) {
        if (item.TeamLeaderAgree) {
          //若同意，active=5，直接归档
          this.active = 3;
        }
      } else {
        return;
      }
      //判断质量负责人是否审核
      if (item.QCManagerChecked) {
        //if(item.QCManagerAgree){
        //若同意，active=5，直接归档
        this.active = 3;
        //}
        //若不同意，判断生产部门负责人状态
      } else {
        //等待质量负责人审核
        this.active = 1;
        return;
      }

    },
    onConfirmDealType(value, index) {
      this.valuepDealTypeName = this.columnsDealType[index].DealTypeName;
      this.form.QCLeaderAdviceDealType = this.columnsDealType[index].DealTypeID;
      this.showPickerDealType = false;
    },
    showTeamIDName(teamID) {
      var teamName = teamID;
      this.columnsteamId.forEach((item) => {
        if (item.teamId === teamID) {
          teamName = item.teamName;
        }
      });
      return teamName;
    },
    showShiftIDName(pShiftID) {
      var pShiftName;
      this.columnsshift.forEach((item) => {
        if (item.pShiftID === pShiftID) {
          pShiftName = item.pshiftname;
        }
      });
      return pShiftName;
    },
    showManageReason(ManageReason) {
      if (ManageReason == "" || null == ManageReason) {
        ManageReason = "0";
      }
      this.columnsManageReason.forEach((item) => {
        if (item.ManageReasonID == ManageReason) {
          this.ManageReasonName = item.ManageReasonName;
        }
      });
    },
    showQProblemID(QProblemID) {
      var QProblemName;
      this.columnsQProblem.forEach((item) => {
        if (item.QProblemID === QProblemID) {
          QProblemName = item.QProblemName;
        }
      });
      return QProblemName;
    },
    showDealType(type) {
      var DealTypeName;
      this.columnsDealType.forEach((item) => {
        if (item.DealTypeID === type) {
          DealTypeName = item.DealTypeName;
        }
      });
      return DealTypeName;
    },
    changeAgreeValue() {
      //如果合格 隐藏页面 直接提交
      if (this.QCLeaderAgreeValue == "1") {
        this.form.QCLeaderAgree = true;
        this.valuepDealTypeName = this.showDealType(this.item.AdviceDealType);
        this.form.QCLeaderAdviceDealType = this.item.AdviceDealType;
        this.form.QCLeaderMemo =
          "品管领班:" + this.user.employeeName + "同意处置意见!";
      } else {
        //若不同意
        this.form.QCLeaderAgree = false;
        this.valuepDealTypeName = "";
        this.form.QCLeaderAdviceDealType = "";
        this.form.QCLeaderMemo =
          "品管领班:" + this.user.employeeName + "不同意处置意见!";
      }
    },
    //获取班组信息
    async getteam() {
      let _this = this;
      try {
        let res = await _httpClient.get(
          _httpClient.getApiPrefix() +
          "/Team/GetList?FactoryID=" +
          _this.item.FactoryID
        );
        if (res.HttpCode === "200") {
          let teamMap = res.Data.map((item) => ({
            teamId: item.TeamID,
            teamName: item.TeamName,
          }));
          _this.columnsteamId = teamMap;
        }
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },
    //获取班次信息
    async getshift() {
      let _this = this;
      try {
        let res = await _httpClient.get(
          _httpClient.getApiPrefix() +
          "/ProductionShift/GetList?FactoryID=" +
          _this.item.FactoryID
        );
        if (res.HttpCode === "200") {
          for (let index = 0; index < res.Data.length; index++) {
            if (res.Data[index].Actived == false) {
              delete res.Data[index];
            }
          }
          let shiftMap = res.Data.map((item) => ({
            pshiftname: item.PShiftName + " " + item.BeginTime,
            pShiftID: item.PShiftID,
            BeginTime: item.BeginTime,
          }));
          _this.columnsshift = shiftMap;
        }
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },
    //获取缺陷原因
    async getQualityProblems() {
      let _this = this;
      try {
        let res = await _httpClient.get(
          _httpClient.getApiPrefix() + "/QualityProblems/GetList"
        );

        if (res.HttpCode === "200") {
          let temp = res.Data.map((item) => ({
            QProblemID: item.QProblemID,
            QProblemName: item.QProblemName,
          }));
          temp.forEach((item) => {
            _this.columnsQProblem.push(item);
          });
        }
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },
    //获取建议处置方式
    async getDealType() {
      let _this = this;
      try {
        let res = await _httpClient.get(
          _httpClient.getApiPrefix() + "/QualityDealType/GetList"
        );
        if (res.HttpCode === "200") {
          let temp = res.Data.map((item) => ({
            DealTypeID: item.DealTypeID,
            DealTypeName: item.DealTypeName,
          }));
          temp.forEach((item) => {
            _this.columnsDealType.push(item);
          });
        }
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },
    //获取管理责任
    async getManageReasonID() {
      let _this = this;
      try {
        let res = await _httpClient.get(
          _httpClient.getApiPrefix() + "/QualityManageReason/GetList"
        );
        if (res.HttpCode === "200") {
          let temp = res.Data.map((item) => ({
            ManageReasonID: item.ManageReasonID,
            ManageReasonName: item.ManageReasonName,
          }));
          temp.forEach((item) => {
            _this.columnsManageReason.push(item);
          });
        }
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },
    async getCheckType() {
      let _this = this;
      try {
        let res = await _httpClient.get(
          _httpClient.getApiPrefix() + "/QualityCheckType/GetList"
        );
        if (res.HttpCode === "200") {
          let shiftMap = res.Data.map((item) => ({
            CheckTypeName: item.CheckTypeName,
            CheckTypeID: item.CheckTypeID,
          }));
          _this.columnsType = shiftMap;
        }
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },
    itemClear() {
      this.form.Id = "";
      this.form.valueteamid = "";
      this.form.pShiftID = "";
      this.form.pOrderID = "";
      this.form.materialid = "";
      this.form.materialname = "";
      this.form.planworkdatetime = "";
      this.form.ProductionDate = "";
      this.form.CheckTypeID = "";
      //包装条码
      this.form.BarCode = "";
      //检验备注
      this.form.Memo = "";
      this.form.ProductionAmount = "";
      //抽样数量
      //抽样计划1G
      this.form.SamplePlan1G = "";
      //抽样计划1Re
      this.form.SamplePlan1Re = "";
      //抽检值1
      this.form.SamplePlan1Value = "";
      //抽样计划2G
      this.form.SamplePlan2G = "";
      //抽样计划2AC
      this.form.SamplePlan2AC = "";
      //抽样计划2AQL
      this.form.SamplePlan2AQL = "";
      //抽检值2
      this.form.SamplePlan2Value = "";
      //生产批次
      this.form.BatchID = "";
      //缺陷原因
      this.form.QProblemID = "";
      //管理责任
      this.form.ManageReasonID = "";
      //生产车间
      this.form.WorkshopID = "";
      //检验是否合格
      this.form.QualityOk = "";
      //客户名称
      this.form.CustomerName = "";
      this.QCLeaderAgreeValue = "";
      this.plineID = "";
      this.ManageReasonName = "";
      this.time = "";
      this.FactoryID = "";
      this.valuepShiftName = "";
      this.CheckTypeName = "";
      this.QProblemName = "";
      this.valueteamid = "";
      this.BeginTime = "";
      this.WorkPlanDatetimeFrom = "";
      this.columnsteamId = [];
      this.showPickerteamid = false;
      this.showPickerpShiftID = false;
      this.valueemployid = "";
      this.columnsshift = [];
      this.columnsType = [];
      this.columnsManageReason = [
        { ManageReasonID: "0", ManageReasonName: "无异常" },
      ];
      this.columnsQProblem = [{ QProblemID: "0", QProblemName: "无异常" }];
      this.showPickerType = false;
      this.showPickerManageReason = false;
      this.showPickerQProblem = false;
    },
    onConfirmManageReason(value, index) {
      this.form.ManageReasonID = this.columnsManageReason[index].ManageReasonID;
      this.ManageReasonName = this.columnsManageReason[index].ManageReasonName;
      this.showPickerManageReason = false;
      if (this.form.QProblemID == "0" && this.form.ManageReasonID == "0") {
        this.QCLeaderAgreeValue = "1";
        this.form.QualityOk = true;
      } else {
        this.QCLeaderAgreeValue = "0";
        this.form.QualityOk = false;
      }
    },
    //确认提交表单
    async submitsure() {
      let _this = this;
      //时间+8还是有问题 直接传字符串也行
      //var workPlanDatetimeFrom = new Date(this.form.planworkdatetime);
      Toast.loading({
        mask: true,
        forbidClick: true,
        duration: 0,
        message: "请稍等...",
      });
      var manageReasonID = _this.form.ManageReasonID;
      var qProblemID = _this.form.QProblemID;
      if (manageReasonID == "0") {
        manageReasonID = "";
      }
      if (qProblemID == "0") {
        qProblemID = "";
      }
      try {
        let res = await _httpClient.post(
          _httpClient.getApiPrefix() + "/QualityAppearanceCheck/SaveEntity",
          {
            body: {
              //生产日期
              productionDate: _this.form.ProductionDate,
              workshopID: _this.form.WorkshopID,
              pLineID: _this.plineID,
              checkTypeID: _this.form.CheckTypeID,
              qualityOk: _this.form.QualityOk,
              qProblemID: qProblemID,
              barCode: _this.form.BarCode,
              memo: _this.form.Memo,
              pOrderID: _this.form.pOrderID,
              materialID: _this.form.materialid,
              materialName: _this.form.materialname,
              customerName: _this.form.CustomerName,
              productionAmount: _this.form.ProductionAmount,
              samplePlan1G: _this.form.SamplePlan1G,
              samplePlan1Re: _this.form.SamplePlan1Re,
              samplePlan1Value: _this.form.SamplePlan1Value,
              samplePlan2G: _this.form.SamplePlan2G,
              samplePlan2AC: _this.form.SamplePlan2AC,
              samplePlan2AQL: _this.form.SamplePlan2AQL,
              samplePlan2Value: _this.form.SamplePlan2Value,
              batchID: _this.form.BatchID,
              teamID: _this.form.valueteamid,
              pShiftID: _this.form.pShiftID,
              factoryID: _this.FactoryID,
              //班次开始日期
              workPlanDatetimeFrom: _this.form.planworkdatetime,
              manageReasonID: manageReasonID,
              deleteFlag: _this.form.deleteFlag,
              Modifytor: _this.user.userId,
              id: _this.form.Id,
            },
          }
        );
        if (res.Message != null) {
          //message不为空,有报错信息，打卡失败 暂时这样判断
          Toast.clear();
          Toast.fail("保存失败,请核对信息！");
        } else {
          //打卡成功
          Toast.clear();
          Toast.success("保存成功！");
          api.openWin({
            name: "tightreview",
            url: "./tightenup-tightreview.html",
            reload: true,
          });
          setTimeout(function () {
            _this.$ac.closeWin();
          }, 2000);
        }
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },


    async getData() {

      if (this.lock) {
        let _this = this
        try {

          let res = await _httpClientApisie.get(
            _httpClientApisie.getApiPrefix() +
            "/AddStrictManage/GetEntity?id=" +
            _this.idnex
          );

          let dataentity = res.Data
          this.checked = dataentity.Checked




          if (dataentity.LabStrictFlag == true) {
            if (dataentity.LabType == "LB01") {
              _this.value1 = "实甲/72h"
              _this.van1 = true;
              _this.$refs.checkboxGroup.toggleAll(true)
            }
            if (dataentity.LabType == "LB02") {
              _this.value1 = "实乙/48h"
              _this.van1 = true;
              _this.$refs.checkboxGroup.toggleAll(true)
            }
            if (dataentity.LabType == "LB03") {
              _this.value1 = "实丙/24h"
              _this.van1 = true;
              _this.$refs.checkboxGroup.toggleAll(true)
            }
          } else {
            _this.value1 = "不加严"
            _this.van1 = false;
          }

          if (dataentity.ApprenStrictFlag == true) {
            if (dataentity.ApprenStrictItem == "AP01-01") {
              _this.value4 = "正常抽样计划"
              _this.value3 = "外甲/0.5h"
              _this.van2 = true;
            }

            if (dataentity.ApprenStrictItem == "AP01-02") {
              _this.value4 = "增加每箱检测数量"
              _this.value3 = "外甲/0.5h"
              _this.van2 = true;
            }

            if (dataentity.ApprenStrictItem == "AP01-03") {
              _this.value4 = "每垛取一箱或一层，每箱全检"
              _this.value3 = "外甲/0.5h"
              _this.van2 = true;
            }

            if (dataentity.ApprenStrictItem == "AP01-04") {
              _this.value4 = "全检"
              _this.value3 = "外甲/0.5h"
              _this.van2 = true;
            }


            if (dataentity.ApprenStrictItem == "AP02-01") {
              _this.value4 = "正常抽样计划"
              _this.value3 = "外乙/1h"
              _this.van2 = true;
            }

            if (dataentity.ApprenStrictItem == "AP02-02") {
              _this.value4 = "增加每箱检测数量"
              _this.value3 = "外乙/1h"
              _this.van2 = true;
            }

            if (dataentity.ApprenStrictItem == "AP02-03") {
              _this.value4 = "每垛取一箱或一层，每箱全检"
              _this.value3 = "外乙/1h"
              _this.van2 = true;
            }

            if (dataentity.ApprenStrictItem == "AP02-04") {
              _this.value4 = "全检"
              _this.value3 = "外乙/1h"
              _this.van2 = true;
            }


            if (dataentity.ApprenStrictItem == "AP03-01") {
              _this.value4 = "正常抽样计划"
              _this.value3 = "外丙/2h"
              _this.van2 = true;
            }

            if (dataentity.ApprenStrictItem == "AP03-02") {
              _this.value4 = "增加每箱检测数量"
              _this.value3 = "外丙/2h"
              _this.van2 = true;
            }

            if (dataentity.ApprenStrictItem == "AP03-03") {
              _this.value4 = "每垛取一箱或一层，每箱全检"
              _this.value3 = "外丙/2h"
              _this.van2 = true;
            }

            if (dataentity.ApprenStrictItem == "AP03-04") {
              _this.value4 = "全检"
              _this.value3 = "外丙/2h"
              _this.van2 = true;
            }




          } else {
            _this.value3 = "不加严"
            _this.van2 = false;
          }

          this.valuess = dataentity.ABCType

          if (this.valuess == '甲') {
            this.value2 = 1
          }
          if (this.valuess == '乙') {
            this.value2 = 2
          }
          if (this.valuess == '丙') {
            this.value2 = 3
          }



        } catch (e) {
          alert(JSON.stringify(e))
        }
      }

    }
  },
};
</script>
  
<style>
body {
  background-color: white;
}

.table-title-class {
  background-color: #304156;
  color: #fff;
}

.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.buttongroup {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.container.dwo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.buttonLeft {
  position: fixed;
  bottom: 8px;
  float: left;
  width: 49%;
}

.formstyle {
  margin-top: 8px;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.radioteam {
  display: flex;
  align-items: center;
  padding-left: 13px;
  margin-top: 10px;
  margin-left: 34px;
  margin-bottom: 10px;
}

.buttonRight {
  position: fixed;
  bottom: 8px;
  float: right;
  left: 51%;
  width: 49%;
  background-color: #f22028;
  border-color: #f22028;
}

.message {
  font-size: 15px;
  margin-top: 5px;
  margin-left: -10px;
  font-weight: bold;
}

.mg5 {
  margin-right: 5px;
}

.tag_margin {
  margin: 2px 5px;
}

.card_under {
  height: 100%;
  width: 100%;
  margin: auto;
  background: #ffffff;
  border-radius: 25px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
}

.focusState {
  position: absolute;
}

.card_icon {
  text-align: center;
  /* position: absolute; */
  height: 8rem;
  width: 80%;
  margin: 12% 10%;
  background: rgba(35, 180, 237, 1);
  border-radius: 25px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);
}

.text {
  font-size: 18px;
  color: #4e4a67;
  margin: 8px auto auto 20px;
  line-height: 1.5rem;
  text-align: justify;
  font-weight: 600;
}

.text_small {
  font-size: 16px;
  color: red;
  margin: 8px auto auto 20px;
  line-height: 1.5rem;
  text-align: justify;
  font-weight: 700;
}

.text_scan {
  font-size: 16px;
  color: #4e4a67;
  margin: auto auto auto 20px;
  line-height: 1.5em;
  text-align: justify;
}

.reply_image {
  width: 90%;
  margin: 30rpx auto;
  height: auto;
}

.reply_image2 {
  width: 90%;
  margin: 30rpx auto;
  height: 220rpx;
}

.divStyle {
  margin-left: 3px;
  margin-right: 3px;
}

.divMessage {
  margin-top: 0px;
  border: solid #dcdcdc;
  margin-left: 5px;
  margin-right: 15px;
  border-top-width: 3px;
  border-left-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 3px;
}
</style>
  